/* *****第一步 ：样式标准化（重置）：将浏览器提供的默认样式统一化实用化  */
/* 有些元素默认样式不好用，需要在最开始写页面时重新设定统一下，改成适合于当前项目的样式  */

/*  1、将所有元素，所有元素之前，所有元素之后的盒子模型计算方案改成边框盒子 */
*,*::before,*::after{
	box-sizing:border-box;
}
/* 2根元素html设置 */
html {
	/* 2.1 根元素html的高度是靠内容撑起来的，很矮，使用起来很不方便 
	所以可以让html的高度是它的父级，也就是浏览器高度的100% */
	height: 100%;	
	/* 2.2 设定根元素html的字体大小 */
	font-size:14px;
	/* 页面中所有使用rem单位的长度都是相对于html的font——size  */
	/*  根倍率：2rem 相当于2倍的html font——size 的大小 */
}
/* 3. body的样式重置 */
body{
	/*  3.1 不同浏览器外间距不同，所以清零 */
	margin:0;
	/* 3.2  字体  */
	font-family:'黑体';
	/*  3.3 body 的字体大小不用写，继承了html，字体颜色设置一下  */
	color:#666;
	/* 3.4 设置背景颜色  */
	background-color:#f5f5f5;
}
/* 4 .  超链接样式重置  */
a:link {
	/* 4.1  清除超链接下划线  */
	text-decoration:none;
	/* 4.2  修改超链接字体颜色 超链接默认不会继承body的字体颜色 */
	color:#808080;
}
a:visited{
	/* 4.3  访问前后超链接的字体颜色是同一个  */
	color:#808080;
}
/* 4.4 悬停时 超链接颜色深一些  */
a:hover {
	color:#666;
}
/* 5.1 一般列表样式重置  */
ul,ol {
	margin:0;
	padding:0;
}
/*  5.2 清除列表项前标识符  */
li {
	list-style-type:none;
}
/*  6.1 清除段落默认存在的上下外间距  */
P {
	margin: 0;
	
}
/* 7.  清除输入元素的外轮廓线  */
input {
	outline:none;
}

/* ***  第二步  样式脚手架  声明一些基础类 辅助构建整个页面    *****/

/* 8.  给页面做一些基础的样式设置  */
.container {
	/* 版心设置宽度与居中  */
	width:1000px;
	margin:0 auto;
}
/* 9.  担心后面会出现因所有子元素浮动造成的父级高度坍塌  */
.clearfix::after {
	content:'';
	display: block;
	clear:both;
}
/*  开发测试阶段的辅助线 颜色自定义  代码完成后需要删除  */
div{
	border:1px solid #aaa;
	
}

/****  第三步  正式开始项目代码的编写   ****/

   /*  对代码块进行注释和 标注  */

